<%= render :partial => 'admin/shared/product_sub_menu' %>

<%= render :partial => 'admin/shared/product_tabs', :locals => {:current => "Product Properties"} %>

<%= render "shared/error_messages", :target => @product %>

<%= form_for(@product, :url => admin_product_url(@product), :html => { :method => :put }) do |f| %>
  <table class="index">
    <thead>
      <tr>
        <th><%= t("property") %></th>
        <th><%= t("value") %></th>
        <th><%= t("action") %></th>
      </tr>
    </thead>
    <tbody id="product_properties">
      <%= f.fields_for :product_properties do |pp_form| %>
        <%= render 'product_property_fields', :f => pp_form %>
      <% end %>
    </tbody>
  </table>

  <input type="hidden" name="clear_product_properties" value="true">

  <p class='add_product_properties'>
    <%= link_to_add_fields  icon('add') + ' ' + t("add_product_properties"),
                            "tbody#product_properties",
                            f,
                            :product_properties %>

    &nbsp;&nbsp;

  	<!--<span id="new_ptype_link">
  	  <%#= link_to t("select_from_prototype"), available_admin_prototypes_url,
  	              :remote => true, 'data-update' => "prototypes" %>
  	</span>-->
	</p>
	<div id="prototypes"></div>
	<%= image_tag "spinner.gif", :plugin=>"spree", :style => "display:none", :id => 'busy_indicator' %>
	<br/>
  <%= render :partial => 'admin/shared/edit_resource_links' %>
<% end %>

<%= javascript_tag do %>
  var properties = [<%= @properties.map{|id| "'#{id}'"}.join(', ') %>];

  $("#product_properties input.autocomplete").live("keydown", function(){
    already_auto_completed = $(this).is('ac_input');
    if (!already_auto_completed) {
      $(this).autocomplete(properties);
      $(this).focus();
    }
  });
<% end %>

